<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>中性行程订单首页</title>
    <link rel="stylesheet" th:href="@{/static/zxxcd/layui/css/layui.css}">
</head>
<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">中性行程单订票系统</div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="">返回首页</a>
            </li>

            <li class="layui-nav-item">
                <a href="javascript:;">
                    <i class="layui-icon">&#xe66f;</i>&nbsp;
                    <span th:text="${session.username}"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="http://127.0.0.1:8092/logout">退出登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <!--左侧导航-->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">我的订票</a>
                    <dl class="layui-nav-child">
                        <dd id="status0" class="layui-this"><a href="javascript:;" >全部</a></dd>
                        <dd id="status1"><a href="javascript:;" >审核中</a></dd>
                        <dd id="status2"><a href="javascript:;" >打印失败</a></dd>
                        <dd id="status3"><a href="javascript:;" >打印成功</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>


    <div class="layui-body">
        <div class="layui-inline"></div>
        <form class="layui-form" layui-form-pane action="" >
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">订单号</label>
                    <div class="layui-input-inline">
                        <input type="tel" name="phone" lay-verify="" autocomplete="off" class="layui-input"
                               id="travel_itinerary_id">
                    </div>

                    <label class="layui-form-label">机票号</label>
                    <div class="layui-input-inline">
                        <input type="tel" name="phone" lay-verify="" autocomplete="off" class="layui-input"
                               id="ticket_number">
                    </div>

                    <label class="layui-form-label">行程单类别</label>
                    <div class="layui-input-inline">
                        <select name="modules" lay-verify="required" lay-search="" id="ticket_style">
                            <option value="">全部</option>
                            <option value="国际">国际票号</option>
                            <option value="国内">国内票号</option>
                        </select>
                    </div>

                    <button type="button" class="layui-btn" id="searchMainMes">
                        <i class="layui-icon">&#xe615;</i>
                        搜索
                    </button>
                </div>
            </div>
        </form>



        <div class="layui-tab layui-tab-card" >
            <ul class="layui-tab-title">
                <li class="layui-this">行程单信息展示</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px; ">
                <div class="layui-tab-item layui-show">

                    <button type="button" class="layui-btn" id="addInternationalTicket">
                        <i class="layui-icon">&#xe624;</i>
                        手动添加票号
                    </button>
                    <button type="button" class="layui-btn" id="test3">
                        <i class="layui-icon"></i>
                        excel文件导入
                    </button>
                    <button type="button" class="layui-btn" id="downfile" style="margin-left: 10px">
                        <i class="layui-icon">&#xe601;</i>
                        <a href="downfile" style="color: white">下载excel模板</a>
                    </button>
                    <!--数据表格-->
                    <div class="layui-form">
                        <table class="layui-hide" id="test" lay-filter="test"></table>
                       <script type="text/html" id="toolbarDemo">
                            <div class="layui-btn-container">
                                <button class="layui-btn layui-btn-sm"  lay-event="getCheckData">获取选中行数据</button>
                                <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
                                <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
                            </div>
                        </script>
                        <script type="text/html" id="serial_number">
                            {{d.LAY_TABLE_INDEX+1}}
                        </script>
                      <!--  <script type="text/html" id="barDemo">
                            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                        </script>-->
                    </div>
                    <!--数据表格-->

                </div>
            </div>

        </div>

    </div>
    <!--底部-->
    <div style="position: absolute;right:20px;top:500px;box-shadow:0px 0px 10px #000;">
        <div style="width: 120px;height: 30px; text-align: center;color: white;background: #9F9F9F">联系客服</div>
        <img th:src="@{/static/zxxcd/images/timg.jpg}" style="width: 120px;height: 120px">
        <div style="width: 120px;height: 30px; text-align: center;color: white;background: #9F9F9F">客服热线</div>
        <div style="width: 120px;height: 30px; text-align: center;color: white;background: #9F9F9F">62637789</div>
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        <div>
            <span style="font-size: 10px;color: #8fa1c7;">© zxxcd.com - 中性订票网</span>
            <span style="font-size: 10px;color: #8fa1c7;">赣ICP备13006272号-2</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <span style="font-size: 10px;color: #8fa1c7;">友情链接:</span>
            <span style="font-size: 10px;color: #8fa1c7;">百度</span>
            <span style="font-size: 10px;color: #8fa1c7;">谷歌</span>
        </div>
    </div>
</div>
</body>


<script th:src="@{/static/zxxcd/js/jquery-3.4.1.min.js}" type="text/javascript"></script>
<script th:src="@{/static/zxxcd/layui/layui.all.js}" type="text/javascript"></script>
<script th:src="@{/static/zxxcd/layui/layui.js}" type="text/javascript"></script>
<script th:src="@{/static/zxxcd/js/homePage.js}" type="text/javascript"></script>

</html>